<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  
</body>
</html>

<script>
// 强调：for 循环是最常用的循环


/* 但凡是循环，即可抽象成下面 四步：

  // 1. 初始化一个 i 变量
  while ( 2. 将 i 与某个数值对 比较，从而返回布尔值) {
    // 3. 执行相关代码
    // 4. i++
  }

*/

// 案例：求 1~100 数值之和

/* 
  var sum = 0, i = 1;  1. 初始化一个 i 变量
  while (i <= 100) {
    sum += i;
    i++;
  }
  console.log(sum);
*/



// 用 for 循环 实现上面的代码：

// for 循环，代码写法：
var sum = 0;
for (var i = 1/*1*/; i <= 100;/*2*/ i++/*4*/) {
  sum += i; // 3
}
console.log(sum);


/* 总结 for 循环：
  for (1. 声明初始变量;  2. 将变量与某个值进行比较; 4.改变变量原来的值 ) {
    3. 执行 代码块的代码
  }

  for循环执行顺序：  1 2342342.... 直到 第二步，变量与某个值比较，返回为false，即停止循环
*/



</script>